@import './commonM/_crumbs.less';
@import './commonM/_infiniteScroll.less';

.crumbs{
	margin:85px 0 0 0;
}
.editorPage{
	.person{
		.avatar{
			text-align: center;
			img{
				width:98px;
				height: 98px;
				border-radius: 50%;
				margin:0 auto 15px auto;
				display: block;
			}
			p,.icon{
				display: none;
			}

		}
		.detail{
			h4{
				font-size: 16px;
				font-family: Roboto-Medium, Roboto;
				font-weight: 500;
				line-height: 24px;
				margin:0 0 31px 0;
				text-align: center;
			}
			li{
				margin:0 0 0 11px;
				position: relative;
				&:before{
					width: 6px;
				    height: 6px;
				    background: #177FE9;
				    border-radius: 50%;
				    margin: 2px 5px 0 0;
				    display: inline-block;
				    content: "";
				    position: absolute;
				    left: -11px;
    				top: 4px;
				}
				&:last-child{
					margin:0 0 30px 11px;
				}
				h5{
					font-size: 15px;
					color: #000000;
					line-height: 18px;
					margin:0 0 8px 0;
				}
				p{
					font-size: 12px;
					line-height: 18px;
					margin:0 0 15px 0;

				}
			}
			.follow{
				display: flex;
				justify-content: space-between;
			}
			.connect{
				width: 143px;
				height: 32px;
				border-radius: 18px;
				display: flex;
				align-items: center;
				overflow:hidden;
				img{
					width: 20px;
					height: auto;
					margin:0 7px;
				}
				input[type="button"]{
					width: 112px;
					height: 32px;
					background: #000;
					border-radius: 0 18px 18px 0;
					text-align: center;
					line-height: 32px;
					color:#fff;
				}
				
			}
			.twitter{
				border:1px solid #2DA9E3;
				input[type="button"]{

					background: #2DA9E3;
				}
			}
			.instagram{
				border:1px solid #000;
				input[type="button"]{

					background: #000;
				}
			}
		}
	}
	.intro{
		margin:0 0 20px 0;
		li{
			margin:0 0 15px 0;
			&:last-child{
				margin:0;
			}
		}
		h5{
			font-size: 15px;
			color: #000000;
			line-height: 18px;
			margin:0 0 8px 0;
		}
		p{
			font-size: 12px;
			line-height: 18px;
		}
		i{
			display: none;
		}
	}
	.more{
		margin:0 0 30px 0;
		padding:0 16px 0 8px;
		height: 40px;
		background: #F9FCFE;
		border-radius: 10px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: #177FE9;
		a{
			font-size: 12px;
			font-family: Roboto-Medium, Roboto;
			font-weight: 500;
			color: #177FE9;
			line-height: 40px;
			display: block;
			width: 100%;
		}
		i{
			width: 8px;
			height: 14px;
			text-indent: -9999px;
			display: inline-block;
			background: url("../images/editors/arrow-down-s-line@2x.png") no-repeat center/8px 14px;
		}
	}
	.recommend{
		font-size: 16px;
		font-family: Roboto-MediumItalic, Roboto;
		font-weight: normal;
		color: #121212;
		line-height: 16px;
	    font-style: italic;
	    padding: 8px 0 15px 0;
	    border-top: 1px solid #121212;
	}
	.favorite-box{
		margin:0 0 30px 0;
		.img-text{
			display: flex;
			justify-content: space-between;
			padding: 15px 0;
			border-bottom: 1px solid #E4E4E4;
			&:last-child{
				border:none;
			}
			&:first-child{
				padding:0 0 15px 0;
			}
		}
		.img-text-left,.img-show{
			width: 115px;
			overflow: hidden;
			border-radius: 10px;
			display: inline-block;
			height: 88px;
		}
		.img-show img{
			width: 115px;
			height: 88px;
		}
		.img-text-right{
			width: 200px;
			.descrption{
				max-height: 44px;
				font-size: 15px;
				font-family: Roboto-Medium, Roboto;
				font-weight: 500;
				color: #121212;
				line-height: 22px;
				margin:0 0 8px 0;
				-webkit-line-clamp:2;
			    overflow: hidden;
			    text-overflow: ellipsis;
			    display: -webkit-box;
			    -webkit-box-orient: vertical;
			}
			.tips{
				display: flex;
				flex-wrap: wrap;
				a,p{
					font-size: 13px;
					color: #177FE9;
					line-height: 18px;
					margin:0 8px 0 0;
				}
				p{
					a{
						color:#666;
						margin:0;
					}
					em{
						color:#177FE9;
						font-family: Roboto-Medium, Roboto;
					}
				}
				.price{
					color:#FF4B68;
					font-family: Roboto-Medium, Roboto;
				}
			}
			.introduce{
				display: none;
			}
		}
	}
}